{{ content() }}
<div class="page-content-area">
    <div class="page-header">
        <h1>
            {{ link_to(config.application.backendUrl ~ "/video/artist" , "Danh Sách Artists","") }} > Thêm Artist
        </h1>
    </div>

    <div class="row">
        <div class="col-sm-4 col-sm-offset-0 col-md-12 col-md-offset-0">

            <div class="col-xs-12">
                <div class="form-content" ng-controller="artistController">
                    {{ form('class': 'forms-signup forms-horizontal') }}
                    <div class="form-group col-md-12 col-sm-3 col-md-offset-0 {{ form.hasMessagesFor('file') ? 'has-error' : '' }}">
                        <div class="col-md-2">
                            <label for="">
                                {{ form.label('file')}}
                            </label>
                        </div>
                        <div class="col-md-8">
                            {{ form.render('file') }}
                            <div class="clearfix">
                                <div class="help-block">
                                    {{ form.messages('file') }}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-md-12 col-sm-3 col-md-offset-0 {{ form.hasMessagesFor('artist_type') ? 'has-error' : '' }}">
                        <div class="col-md-2">
                            <label for="">
                                {{ form.label('artist_type')}}
                            </label>
                        </div>
                        <div class="col-md-8">
                            {{ form.render('artist_type') }}

                            <div class="clearfix">
                                <div class="help-block">
                                    {{ form.messages('artist_type') }}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-md-12 col-sm-3 col-md-offset-0 {% if form.hasMessagesFor('name') %} has-error {% endif %}">
                        <div class="col-md-2">
                            <label for="">
                                {{ form.label('name')}}
                            </label>
                        </div>
                        <div class="col-md-8">
                            {{ form.render('name') }}
                            <div class="clearfix">
                                <div class="help-block">
                                    {{ form.messages('name') }}
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group col-md-12 col-sm-3 col-md-offset-0 {{ form.hasMessagesFor('national_id') ? 'has-error' : '' }}">
                        <div class="col-md-2">
                            <label for="">
                                {{ form.label('national_id')}}
                            </label>
                        </div>
                        <div class="col-md-8">
                            {{ form.render('national_id') }}
                            <div class="clearfix">
                                <div class="help-block">
                                    {{ form.messages('national_id') }}
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group col-md-12 col-sm-3 col-md-offset-0 {{ form.hasMessagesFor('gender') ? 'has-error' : '' }}">
                        <div class="col-md-2">
                            <label for="">
                                {{ form.label('gender')}}
                            </label>
                        </div>
                        <div class="col-md-8">
                            {{ form.render('gender') }}

                            <div class="clearfix">
                                <div class="help-block">
                                    {{ form.messages('gender') }}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-md-12 col-sm-3 col-md-offset-0 {% if form.hasMessagesFor('bod') %} has-error {% endif %}">
                        <div class="col-md-2">
                            <label for="">
                                {{ form.label('bod')}}
                            </label>
                        </div>

                        <div class="col-md-2" id="datetimepicker">
                            {{ form.render('bod') }}

                            <div class="clearfix">
                                <div class="help-block">
                                    {{ form.messages('bod') }}
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="form-group col-md-12 col-sm-3 col-md-offset-0 {{ form.hasMessagesFor('info') ? 'has-error' : '' }}">
                        <div class="col-md-2">
                            <label for="">
                                {{ form.label('info')}}
                            </label>
                        </div>
                        <div class="col-md-8">
                            {{ form.render('info') }}
                            <div class="clearfix">
                                <div class="help-block">
                                    {{ form.messages('info') }}
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group col-md-12 col-sm-3 col-md-offset-0">
                        <div class="col-md-2">

                        </div>
                        <div class="col-md-8">
                            {{ form.render('Add') }}
                        </div>
                    </div>
                    {{ form.render('id') }}
                    {{ form.render('csrf', ['value': security.getToken()]) }}
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
